<style type="text/css" media="screen">
	#user_left_pane, #user_right_pane{
		float: left;
	}
	#user_right_pane{
		margin-left:15px;
	}

	.my-pic{
		border:solid 4px #001925;
	}
		
	.pic-hoder{
		border:solid 2px #001925;
		
	}
	.my-border{
		border: solid 1px #a1a1a1;
		padding:15px;
	}
	.left-container{
		width:228px;
	}
	.store-item{
		border:solid 1px #7b7b7b;
		margin-right:10px;
	}
	a{
		text-decoration:none;
	}
	.arrow-down{
		width: 0; 
		height: 0; 
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #00aeff;
		float:right;
		margin:6px 0 0 6px;
	}
</style>
<div style="width:975px;height:547px;margin:0 auto">
		<div class="user-div" style="padding:0">
			<div class="dark-blue-bar bar-rad-top calibri_bold " style="padding:12px 10px 12px 20px;border-bottom:1px solid #6a6a6a"><div style="margin-left:250px;font-size:22px"><?php echo strtoupper($user[0]->login) ?></div></div>
			<div style="padding:15px" class=" bar-rad-buttom">
				<div id="user_left_pane">
					<div class="left-container">

							<div class="bar-rad pic-holder;" style="margin-top:-140px" >
								<img  class="my-pic bar-rad" src="<?php echo base_url() ?>profile_images/profile_default.jpg">
							</div>
							<div class="clear-15"></div>
							<div class="my-border calibri" >
								Lorem ipsum dolor sit amet
							</div>
							<div class="clear-15"></div>
							<div class="user-div">
								<div class="dark-blue-bar bar-rad-top calibri_bold " style="padding:12px 10px 12px 20px;border-bottom:1px solid #6a6a6a">Vital Info</div>
								<div style="margin:15px" class="calibri bar-rad-buttom">
									<table border="0" cellspacing="0" cellpadding="5">
										<tr>
											<td width="107">User ID:</td>
											<td>2111379</td>
										</tr>
										<tr>
											<td width="107">Location:</td>
											<td>United Kingdom</td>
										</tr>
										<tr>
											<td width="107">Age:</td>
											<td>23</td>
										</tr>
										<tr>
											<td width="107">Profile views:</td>
											<td>342</td>
										</tr>
										<tr>
											<td width="107">Last Seen:</td>
											<td>Dec 11, 12</td>
										</tr>
									</table>
								</div>
							</div>
							<div class="clear-15"></div>
							<div class="user-div">
								<div class="dark-blue-bar bar-rad-top calibri_bold " style="padding:12px 10px 12px 20px;border-bottom:1px solid #6a6a6a">Latest Communities Joined</div>
								<div style="margin:15px" class="bar-rad-buttom">
									<div class="t-container">
										<div style="float:left"><img class="store-item" src="http://onyxfang.com/images/store/item1.jpg" width="27px">
										</div>
										<div style="font-size:14px;padding-top:7px" class="calibri">Pure Dynasty Gaming</div>
									
										
									</div>
									<div class="clear-15"></div>
									<div class="t-container">
										<div style="float:left"><img class="store-item" src="http://onyxfang.com/images/store/item1.jpg" width="27px">
										</div>
										<div style="font-size:14px;padding-top:7px" class="calibri">Pure Dynasty Gaming</div>
									
										
									</div>
									<div class="clear-15"></div>
									<div class="t-container">
										<div style="float:left"><img class="store-item" src="http://onyxfang.com/images/store/item1.jpg" width="27px">
										</div>
										<div style="font-size:14px;padding-top:7px" class="calibri">Pure Dynasty Gaming</div>
									
										
									</div>
									
									<div class="clear-15"></div>
									<div class="t-container">
										<div style="float:left"><img class="store-item" src="http://onyxfang.com/images/store/item1.jpg" width="27px">
										</div>
										<div style="font-size:14px;padding-top:7px" class="calibri">Pure Dynasty Gaming</div>
									
										
									</div>
									<div style="margin-top:48px;text-align:right" class="calibri"><a href="#" class="site-blue">View all 6 <div class="arrow-down"></div></a></div>
									<div class="clear"></div>
								</div>
							</div>
						
					</div>
					
				</div>
				<div id="user_right_pane" style="width:695px">
						<div class="user-div bar-rad-buttom" style="background-color:#030303; -moz-border-radius: 0 0 10px 10px;-webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;">
								<div class="light-blue-bar-b bar-rad-buttom" style="border-bottom:1px solid #6a6a6a">
									<style type="text/css" media="screen">
										#user_menu li{
											list-style-type:none;
											float:left;
											padding:10px;
											border-right:solid 1px #6a6a6a;
											font-size:14px;
										}
										#user_menu li a{
											color:#fff;
										}
										#user_menu li a:hover{
											color:#feff00;
										}
									</style>
									<ul id="user_menu">
										<li class="calibri-bold"><a href="#">Wall</a></li>
										<li class="calibri-bold"><a href="#">Info</a></li>
										<li class="calibri-bold"><a href="#">Characters</a></li>
										<li class="calibri-bold"><a href="#">Pics</a></li>
										<li class="calibri-bold"><a href="#">Sites</a></li>
										<li class="calibri-bold"><a href="#">Friends</a></li>
										<li class="calibri-bold"><a href="#">Posts</a></li>
										<li class="calibri-bold"><a href="#">Games</a></li>
									</ul>
									<div class="clear"></div>
								</div>
								<div class="calibri bar-rad-buttom" style="margin:15px;">
									This user doesn’t have any wall posts. <a href="#" class="site-blue">Become friends</a> and write the first post!
								</div>
						</div>
						<div class="clear-15"></div>
						<div style="float:left">
							<div id="user_wall" style="float:left;width:400px" class="my-border bar-rad">
								
							</div>
							<div id="user_wall_right" style="float:left;margin-left:15px;width:248px">
								<div class="user-div">
									<div class="dark-blue-bar bar-rad-top calibri_bold " style="padding:12px 10px 12px 20px;border-bottom:1px solid #6a6a6a"><div style="float:left"><?php echo strtoupper($user[0]->login) ?>'s Friends</div><div style="float:right">8</div>
										<div class="clear"></div>
									</div>
									<style type="text/css" media="screen">
										#user_friends li{
											float:left;
											list-style-type:none;
											padding:0;
											margin:0 7px 7px 0;
										}
									</style>
									<div style="margin:15px" class=" bar-rad-buttom">
										<ul id="user_friends">
											<li class="my-border" ><a href="#"><img src="<?php echo base_url() ?>profile_images/profile_thumb.jpg" width="45px" /></a></li>
											<li class="my-border"><a href="#"><img src="<?php echo base_url() ?>profile_images/profile_thumb.jpg" width="45px"/></a></li>
											<li class="my-border"><a href="#"><img src="<?php echo base_url() ?>profile_images/profile_thumb.jpg" width="45px" /></a></li>
											<li class="my-border"><a href="#"><img src="<?php echo base_url() ?>profile_images/profile_thumb.jpg" width="45px" /></a></li>
											<li class="my-border"><a href="#"><img src="<?php echo base_url() ?>profile_images/profile_thumb.jpg" width="45px" /></a></li>
											<li class="my-border"><a href="#"><img src="<?php echo base_url() ?>profile_images/profile_thumb.jpg" width="45px"/></a></li>
											<li class="my-border"><a href="#"><img src="<?php echo base_url() ?>profile_images/profile_thumb.jpg" width="45px" /></a></li>
											<li class="my-border"><a href="#"><img src="<?php echo base_url() ?>profile_images/profile_thumb.jpg" width="45px" /></a></li>
										</ul>
										<div class="clear"></div>
									</div>
								</div>
								<div class="clear-15"></div>
								<div class="user-div">
									<div class="dark-blue-bar bar-rad-top calibri_bold " style="padding:12px 10px 12px 20px;border-bottom:1px solid #6a6a6a"><div style="float:left"><?php echo strtoupper($user[0]->login) ?>'s Games</div><div style="float:right">4</div>
										<div class="clear"></div>
									</div>

									<div style="margin:15px" class=" bar-rad-buttom">
										<div class="clear"></div>
									</div>
								</div>
								
								<div class="clear-15"></div>
								<div class="user-div">
									<div class="dark-blue-bar bar-rad-top calibri_bold " style="padding:12px 10px 12px 20px;border-bottom:1px solid #6a6a6a"><div style="float:left"><?php echo strtoupper($user[0]->login) ?>'s Characters</div><div style="float:right">4</div>
										<div class="clear"></div>
									</div>

									<div style="margin:15px" class=" bar-rad-buttom">
										<div style="float:left">
											<img class="store-item" src="<?php echo base_url() ?>images/store/item1.jpg" align="left" />
											<label class="site-blue">Mechano-Hog</label><br/>
											<label style="font-size:13px">Mechano-Hog</label>
										</div>
										<div class="clear"></div>
										<div style="margin-top:48px;text-align:right" class="calibri"><a href="#" class="site-blue">View all 1 characters <div class="arrow-down"></div></a></div>
										<div class="clear"></div>
									</div>
								</div>
								
							</div>
						</div>
						
						
						
				</div>
			</div>
			<div class="clear-30">
				
			</div>
		</div>
</div>